<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
  <meta http-equiv="Pragma" content="no-cache" />
  <meta http-equiv="Expires" content="0" />
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="format-detection" content="telephone=no">
  <meta name="format-detection" content="email=no">
  <meta name="applicable-device" content="mobile">
  <meta itemprop="name" content="姿美汇|商品详情">
  <meta itemprop="description" content="我在姿美汇发现了一个不错的商品，赶快来看看吧！">
  <meta itemprop="image" content="https://mtmall.meetao.com/img/logo100.png">
  <meta name="author" content="JSL" />
  <title>商品详情</title>
  <link rel="apple-touch-icon" href="../img/logo100.png">
  <link rel="icon" href="../img/logo100.png">
  <link rel="stylesheet" type="text/css" href="../lisp/vant/css/vantCss.css?rev=@@hash" />
  <link rel="stylesheet" type="text/css" href="../css/common.min.css?rev=@@hash" />
  <link rel="stylesheet" type="text/css" href="../css/topicDetails.css?rev=@@hash" />
  <link rel="stylesheet" type="text/css" href="../css/store.css?rev=@@hash" />
  <link rel="stylesheet" type="text/css" href="../css/invite.css?rev=@@hash">
  <link rel="stylesheet" type="text/css" href="../css/productDetails.css?rev=@@hash" />
 </head>

<body>
  <div class='hide'>我在姿美汇发现了一个不错的商品，快来看看吧！</div>
  <div class="hui"></div>
  <div class="bai"></div>
  <div class="hintInfo"></div>
  <div class="loadImgBox">
    <img class="loadImg" src="../img/load.gif?v= 7f0d7ae" />
  </div>
  <div class="body-product" v-cloak>
    <van-nav-bar v-show='!!isApp&&!!isGiftVip' title="商品详情" left-arrow @click-left="backAppIndex"></van-nav-bar>
    <div class="body-fake">
      <div id="supernatant" class="rgba6 share-box" :class="isGiftVip!=0||!!isApp?'hide':''">
        <div class="supernatant-left">
          <img class="getCommonHead" src="" />
          <p>
            <i class="getCommonName">姿美汇VIP</i>
            <span class="getCommonCode">邀请码:<u></u></span>
          </p>
        </div>
        <div class="supernatant-right">
          <div id="on" @click="on" class="clipboardPro">
            打开APP
          </div>
        </div>
      </div>
      <div class="storeBody storeBodyBottom product-details overflowAut" :class="{'product-gift':!!isGift,'padding-top-50':!!shareUserId||(!!isApp&&!!getQueryString('isGiftVip'))}">

        <!-- 轮播组件 start-->
        <div class="product-swiper-box">
          <van-swipe :autoplay="4000" @change="onChange" :show-indicators='false'>
            <van-swipe-item v-for="(item, index) in imgUrl" :key="index">
              <img v-lazy="item.indexOf('group1/M00')<0?item:item+'_600x8000.jpg'" />
            </van-swipe-item>
          </van-swipe>
          <!-- 自定义指示器 start -->
          <div class="details-bottom-box">
            <span class="textCenter">
              <i v-text="scrollNum"></i>/<i v-text="imgUrl.length"></i>
            </span>
          </div>
          <!-- 自定义指示器 end -->
        </div>
        <!-- 轮播组件 end-->

        <!--分销新增倒计时-->
        <div v-show="msType=='MS'" class="product-countdown">
          <span class="product-countdown-xsms">
            <!-- 限时秒杀 -->
            <img class="product-msLogo" src="../img/product/msLogo.png" alt="限时秒杀">
          </span>
          <dl class="pull-right">
            <dt>距<hh v-text='statusMs'></hh>仅剩</dt>
            <dd>
              <span v-text='days'></span>天<span v-text='hours'></span>时<span v-text='minutes'></span>分<span v-text='seconds'></span>秒
            </dd>
          </dl>
          <span class="pull-right product-countdown-img"></span>
        </div>
        <!--产品名称一行-->
        <div class="product-details-info">
          <!--商品名称-->
          <div class="product-details-title">
            <span class="product-shareTitle-info" :title="goodsName"><span class="product-xg-number" v-show="limitNumber>0&&msType=='MS'">限购<i v-text="limitNumber"></i>件</span>{{goodsName}}</span>
          </div>
          <!--商品描述-->
          <div class="product-details-describe" v-text="sellingPointsDesc"></div>
          <!--fx会员价·zy正常价-->
          <div class="product-details-price" v-show="!isDz">
            <span>
              <!-- <i v-show="msType=='MS'" class="margin-right-5 font-size-22">秒</i> -->
              ¥<i v-text="msType=='MS'?secondKillPrice:lowSellingPrice"></i>
            </span>
            <u class="margin-bom-2" v-if='!isGift'>
              <uu>¥<ii v-text='lowMarketPrice'></ii>
              </uu>
            </u>
          </div>
          <!--分销新增-佣金-->
          <div class="product-details-fx-price" v-show='isDz'>
            <!-- <i v-show="msType=='MS'">秒</i> -->
            <i class="color-000">¥</i>
            <span class="font-size-20">
              <u class="font-weight" v-text="msType=='MS'?killpriceRange:priceRange"></u>
              <uui class="product-sprit">/</uui><span>
                <i class='product-gain'>赚</i><u class="font-weight" v-text="msType=='MS'?killpriceRangeAmount:priceRangeAmount"></u>
              </span>
            </span>
          </div>

          <!-- <div class="product-details-fx-sales" v-show="isDz||(limitNumber>0&&msType=='MS')"> -->
          <!-- <u v-show='isDz'></u><span v-show='isDz'>库存<i v-text="msType!='MS'?inventory:killInventory"></i></span> -->
          <!-- 秒杀才有限购人数  店主才显示库存 秒杀显示秒字 其余不显示 -->
          <!-- <u v-show="limitNumber>0&&msType=='MS'"></u><span v-show="limitNumber>0&&msType=='MS'">限购<i v-text="limitNumber"></i>件/人</span> -->
          <!-- </div> -->

          <!-- class="marginRight10" -->
          <div class="product-postage">
            邮费：<span v-text="shippingAmount==0?'免邮':shippingAmount+'元'"></span>
            <!--（满<span v-text="freeShippingAmount"></span>元即享包邮） -->
            <!-- 代发货版 库存UI 改版 -->
            <div v-show='isDz' class="pull-right">库存<i v-text="msType!='MS'?inventory:killInventory"></i></div>
          </div>
        </div>
        <div v-show="(!!isApp&&!isGift&&((!!isCoupons&&supportCoupons==0)||supportCoupons==1))||!!isPx" class="huiDiv height10"></div>
        <div v-show="!!isApp&&!isGift&&((!!isCoupons&&supportCoupons==0)||supportCoupons==1)" class="product-details-info product-details-discount" @click="toCoupon(2)">
          <i class='product-coupon-title'>优惠</i>
          <i class="product-coupon-info" v-show='isCoupons&&supportCoupons==0'>领取优惠券</i>
          <i class="product-coupon-info" v-show='supportCoupons==1'>商品低价销售，暂不支持用券</i>
          <i v-show='isCoupons&&supportCoupons==0' class="iconfont pull-right margin-top-4 arrows">&#xe628;</i>
        </div>
        <div v-show='!!isPx&&!!voteActivityIssueNum&&voteActivityIssueNum>0' class="product-details-info product-details-discount" @click="toCoupon(3)">
          <i class='product-coupon-title'>票选优品第{{voteActivityIssueNum}}期入选</i>
          <i class="iconfont pull-right margin-top-4 margin-top-2 arrows">&#xe628;</i>
          <i class="product-coupon-info product-px-info pull-right">票选信息</i>
        </div>

        <div class="product-details-info product-details-oriented product-coupon-line" @click="toCoupon(1)">
          <span><i class="iconfont">&#xe610;</i><u>正品保证</u></span>
          <span v-show='!!isGift'><i class="iconfont">&#xe610;</i><u>升级礼包不可退货</u></span>
          <span v-show='!isGift'><i class="iconfont">&#xe610;</i><u>7天无理由退货</u></span>
          <i v-show='!isGift' class="iconfont pull-right margin-top-4 arrows margin-top-2">&#xe628;</i>
        </div>
        <div class="huiDiv"></div>
        <!-- <div v-show="isCoupons&&msType!='MS'&&!!isApp&&!!isGift&&!isGift" class="product-details-info product-details-discount" @click="toCoupon(2)">
          <u class="font-size-12">店铺优惠券</u><i>领取优惠券</i>
          <i class="iconfont pull-right margin-top-4 arrows">&#xe628;</i>
        </div> -->
        <!--日记大盒子-->
        <div class="product-details-interim textCenter" v-show="diary.length>0&&!isGift">
          <span>相关日记</span>
        </div>
        <div class="product-diary-box-shells" v-show="diary.length>0&&!isGift">
          <div class="product-diary-box-shell">
            <div class="product-diary-box" :style="{width:diaryWidth+'px'}">
              <div class="product-diary" v-for='item in diary' @click="toDiary(item.id,item.createTime,item.userId)">
                <div class="product-diary-top">
                  <img class="product-diary-play" v-show="item.mediaType=='video'" src="../img/product/play.png" />
                  <img class="product-diary-userImg" v-lazy="item.media.indexOf('group1/M00')<0?item.media:item.media+'_300x8000.jpg'" />
                  <div class="product-diary-top-text textCenter">
                    <div class="product-diary-title vhide" v-text="item.tagStr"></div>
                    <div class="product-diary-peach">
                      <img src="../img/product/nice.png" />
                      <i v-text="item.taoCount"></i>
                    </div>
                  </div>
                </div>
                <div class="product-diary-bom" v-text="item.content"></div>
              </div>
            </div>
          </div>
        </div>
        <!--日记大盒子-->
        <div class="product-details-interim textCenter">
          <span>继续拖动查看商品详情</span>
        </div>
        <ul class="showListMineChose textCenter toDetails">
          <li @click.stop="toDetails" class="mineprize mineChose active"><span>商品详情</span></li>
          <li @click.stop="template.toMall()" class="minetask mineChose needsclick"><span>购买须知</span></li>
        </ul>
        <ul class="showListMineBackground textCenter">
          <li><span class="active"></span></li>
          <li><span></span></li>
        </ul>
        <!-- 商品详情  v-html="detail" -->
        <div class="product-details-content" id="details">
          <template v-for='im,ix in datailImgs'>
            <img v-lazy="im">
          </template>
        </div>
        <div class="product-details-interim textCenter toMall" id="product-buyKnow">
          <span>购买须知</span>
        </div>
        <div class="product-details-content" v-html="instructions"></div>
        <!-- 推荐商品 -start-->
        <div v-show="hot.length>0&&!isGift" class="product-details-interim textCenter">
          <span>热门推荐</span>
        </div>
        <div v-show='!isGift' class="product-details-hot product-details-hot-false">
          <div class="product-hot needsclick" v-for="(item,index) in hot" v-show="item.isKill!==0" :key='index' @click.stop="toProduct(item.virtualGoodsCode,item.imgUrl,item.goodsName,item.isSelf)">
            <!-- <span v-if="(!item.isHot||item.isHot==0)&&item.isKill==1" class="product-sale-hot">热卖</span> -->
            <img v-if="(!item.isHot||item.isHot==0)&&item.isKill==1" class='product-sale-hot-img' src="../img/index/hotProduct.png" alt="hot">
            <img v-if="item.isKill==0" class='product-sale-kill-img' src="../img/index/setTimeKill.png" alt="限时秒杀">
            <div class="productBox-recommend">
              <img :id="'index'+index" v-lazy="item.imgUrl.indexOf('group1/M00')<0?item.imgUrl:item.imgUrl+'_600x8000.jpg'" />
            </div>
            <img class="product-line" src="../img/product/line.png" />
            <div class="product-hot-division"></div>
            <div class="product-hot-info">
              <span v-if="(!!item.isHot&&!!item.isSelf)&&item.isKill==1" class="product-tm-hot">天猫</span>
              <span v-text="item.goodsName"></span>
            </div>
            <div class="product-hot-price">
              <span v-show="item.isKill==1">
                <h :style="{'color':!!isDz?'#000':''}">¥<i v-text='!!isFx?item.minPrice:item.lowSellingPrice'></i></h><u class="product-hot-get-price" v-show='!!isDz'><i>/</i><u>赚￥<hh v-text='item.minCommission'></hh></u></u>
              </span>
              <span v-show="item.isKill==0">秒 ¥<i v-text='item.minPrice'></i></span>
              <span v-show='!isDz' class="no-price">¥<i v-text='item.lowMarketPrice'></i></span>
              <span v-show="!!item.lowVipPrice&&item.isKill==1">
                <img class="product-hot-vipImg" src="../img/product/viplist.png" />
                <u v-text='item.lowVipPrice'></u>
              </span>
            </div>
          </div>
        </div>
        <!-- 推荐商品 -end-->
      </div>
      <img v-show="backtop" class="product-details-backtop" @click="back_top" src="../img/product/backtop.png" />
      <!-- 底部选择 -->
      <div v-show='!!isGift' @click='toNext' class="indexOfGift-app-share" v-text="isGiftVip==0&&isApp==1?'分享邀请好友':'立即成为会员'"></div>
      <van-goods-action v-show='!isGift&&!isApp'>
        <van-col span="12" class="van-goods-action-left">
          <div @click="window.location.href='index.html'">
            <van-col span="12" class="homePage">
              <img src="../img/product/homePage3x.png">
              <p>首页</p>
            </van-col>
          </div>
          <div @click="window.location.href='shoppingCart.html'">
            <van-col span="12" class="Cart">
              <img src="../img/product/cart@3x.png">
              <p>购物车</p>
              <i v-if="CartNum!=0" v-text="CartNum"></i>
            </van-col>
          </div>
        </van-col>
        <van-col span="12">
          <div @click="specificationChooce(true,0)">
            <van-col span="12" class="joinCart">
              加入购物车
            </van-col>
          </div>
          <div @click="specificationChooce(true,1)">
            <van-col span="12" class="buyNow">
              立即购买
            </van-col>
          </div>
        </van-col>
      </van-goods-action>

      <!--底部弹框 加入购物车规格选择 -->
      <van-popup v-model="bottowPopup.cartShow" position="bottom" class="specificationChooce">
        <div class="specificationChooce-info">
          <div class="specificationChooce-info-left">
            <img :src="!specificationData.specificationDetail.imgUrl?!!imgUrl?imgUrl[0]:'':specificationData.specificationDetail.imgUrl.indexOf('group1/M00')<0?specificationData.specificationDetail.imgUrl:specificationData.specificationDetail.imgUrl+'_200x1000.jpg'">
          </div>
          <div class="specificationChooce-info-right">
            <p v-text="'￥'+specificationData.specificationDetail.price"></p>
            <p>库存<i v-text="specificationData.inventory"></i>件</p>
            <p v-text="'已选:'+specificationData.specificationDetail.specifications"></p>
          </div>
        </div>
        <div class="specificationChooce-specification">
          <p>规格</p>
          <ul>
            <template v-for="(item, index) in specificationData.specificationList" :key="index">
              <li v-if="item.inventory == 0" class="specification-noactive" v-text="item.specifications"></li>
              <li v-else v-text="item.specifications" :class="{'specification-active':index == specificationData.secondActive}" @click="specificationDetail(index)"></li>
            </template>
          </ul>
        </div>
        <div v-show='!isGift' class="specificationChooce-num">
          <p>数量</p>
          <div class="specificationChooce-ADD">
            <span :class="{'no-save':specificationData.num<=1}" @click="specificationData.num<=1?1:specificationData.num--">-</span>
            <span v-text="specificationData.num"></span>
            <span :class="{'no-save':specificationData.num>=specificationData.inventory}" @click="specificationData.num>=specificationData.inventory?$toast('无更多库存'):msType == 'MS'&&specificationData.num>=limitNumber?$toast('已超过限购量'):specificationData.num++">+</span>
          </div>
        </div>
        <div class="safeguardExplain-close" @click="specificationChooceSave">确定</div>
        <i class="van-sku__close-icon van-icon van-icon-close" @click="bottowPopup.cartShow=!bottowPopup.cartShow"></i>
      </van-popup>
      <!--底部弹框 保障说明 -->
      <van-popup v-model="bottowPopup.show" position="bottom" class="safeguardExplain">
        <img src="../img/product/safeguardExplain3x.png">
        <div class="safeguardExplain-close" @click="toCoupon(1)">关闭</div>
      </van-popup>
    </div>
    <!-- app内部用户信息录入 -start -->
    <van-popup v-model="appInfoEnter" position="bottom" class="inviteStorer-enter">
      <div class="inviteStorer-enter-close" @click="appInfoEnter=false">×</div>
      <div class="inviteStorer-enter-title textCenter">填写店铺注册信息</div>
      <div class="inviteStorer-enter-content textCenter">店铺利润提现需要使用您的真实姓名，请认真填写</div>
      <div class="inviteStorer-enter-input">
        <input v-model.trim="userName" @blur="blurMouse" class="focusMouse" type="text" placeholder="请输入真实姓名" value="" />
      </div>
      <div class="inviteStorer-enter-input">
        <label class="inviteStorerPhone">+86</label>
        <input v-model="isApp==1?isGiftVip:userPhone" readonly maxlength="11" type="tel" placeholder="请输入手机号" value="" />
      </div>
      <div class="warringInfo">当前手机账号，不可更改</div>
      <div class="warringInfo margin-bom-40"></div>
      <div @click="toAppGiftPay" :class="['inviteStorerEnterbtn','textCenter',{active:!!userName}]">确定</div>
    </van-popup>
    <!-- app内部用户信息录入 -end -->
  </div>
  <script src="../lisp/jquery-2.1.4.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
  <script src="../lisp/fastclick.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
  <script src="../lisp/vue.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
  <script src="../lisp/vant/js/vantJs.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
  <script src="../lisp/vue-lazyload.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
  <script src="../js/constant.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
  <script src="../js/common.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
  <script src="../js/productDetails.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
</body>

</html>
